<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>发布微博</title>
		       <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		        <link href="../css/mui.min.css" rel="stylesheet" />
		        <link href="../css/font-awesome.min.css" rel="stylesheet" />
		        <link href="../css/bass.css" rel="stylesheet" />
		        <link href="../css/style.css" rel="stylesheet" />
	</head>
	<body>
        <section class="pd pt10 pm10">
           <textarea placeholder="输入评论内容" class="ssd_pooiuu_qwr pt5 fz14" rows="5"></textarea>
            <p class="tr pm10 pt10 bbm ssd_ssrtt">
              还可输入140字
            </p>
            <p class="pt10 tr pm10 bbm">
              <span class="fl ssd_ooiiuuy yj4">
                  已连续签到<span class="ls">119</span>天
              </span>
              <a class="f_i dfd_swswwer dfd_swswwer_a" href="#share_pp"></a>
              <i class="f_i dfd_swswwer"></i>
              <i class="f_i dfd_swswwer dfd_swswwer_b "></i>
              <a class="f_i dfd_swswwer dfd_swswwer_c " href="%E5%8F%91%E5%B8%836.html"></a>
            </p>
            <section class="ssd_poiu_a mt10">
                 <section class="mui-col-xs-4 fl pr">
                     <img src="../img/user_case_a.jpg">
                     <i class="f_i ckise_ssdr"></i>
                 </section>
                    
                 
             
                
            </section>
                <p class="qc"></p>
      
           <p class="fz12 ls mt10">
               地点：上海·静安·素宿PURE WHOLE
               <i class="f_i closer_sr"></i>
           </p>
            <p class="mt10 tr ssd_ddrt">
                  <span class="ls"><input type="checkbox" class="mr5 dfdf_ddrt">随机展示一条素食名人名言</span><br>
                  <button class="mui-btn sssd_fabu">发布</button>
            </p>
        </section>
        
        
        
        
       <!-- 下拉框-->  
       <div id="share_pp" class="mui-popover mui-popover-bottom mui-popover-action ">
              <ul class="bgff pd">
                  <li class="pt10 pm10 bbm">
                      选择话题
                      <a class="f_i close_poou fr mt5" href="#share_pp"> </a>
                      
                  </li>
                  <li class="pt10 pm10 bbm zc fz14">
                      一日一素
                      
                  </li>
                  <li class="pt10 pm10 bbm  zc fz14">
                      素行天下
                  </li>
                  <li class="pt10 pm10 bbm  zc fz14">
                      选择话题
                      
                  </li>
                  <li class="pt10 pm10   zc fz14">
                      自定义话题
                      
                  </li>
              </ul>

        </div>
        
        <input type="file" id="ssd_ssr" multiple>
        
        
        
         
        <!-- 发布成功-->
    <section class="aassd_sder ">
       <section class="mui-col-xs-10 bgff au  fdsf_ssert pt10 pm10 cen">
            <section class="mui-col-xs-7 au pt10 pm10">
              <p class="zd suyt_title pm10 fz16"><i class="fa fa-check-circle ls fz20 mr10 suce_ico"></i>发布成功</p>
                <p class="fz14 ls mt5 mt10 ">
                 即将跳转至社区首页
                </p>
           </section>
        </section>
    </section>
        <script src="../js/jquery-1.11.3.min.js"></script>
        <script src="../js/mui.min.js"></script>
        <script>
            $(function(){
                $(".ssd_pooiuu_qwr").on("keyup",function(){
                    var jgty=$(this).val().trim().length;
                    $('.ssd_ssrtt').text("还可输入"+(140-jgty)+"字")
                })
                
                $(".dfd_swswwer").on("tap",function(){
                     $(".dfd_swswwer").removeClass("act")
                    $(this).addClass("act")
                })
                $(".dfd_swswwer_b").on("click",function(){
                    $("#ssd_ssr").click()
                })
                
                $("body").on("click",".ckise_ssdr",function(){
                    $(this).parent().remove()
                })
                $("#ssd_ssr").on("change",function(){
                    if($(".ssd_poiu_a .mui-col-xs-4").length>=9){
                        mui.alert("图片最多上传9张")
                        return
                        
                    }
                          $(".ssd_poiu_a").append('   <section class="mui-col-xs-4 fl pr">  <img src="../img/user_case_a.jpg">  <i class="f_i ckise_ssdr"></i> </section>')
                })
                
                $(".sssd_fabu,.aassd_sder").on("click",function(){
                    $(".aassd_sder").toggleClass("show")
                })
                
                $(".closer_sr").on("click",function(){
                    $(this).parent().empty()
                })
                
            })
        
        </script>
        
	</body> 
</html>
